<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html">

<ui:composition template="module/common.xhtml">
	<ui:define name="pageTitle">
			Sevices | IDU Danang
		</ui:define>
	<ui:define name="content">
		<section id="portfolio">
		<div class="container">
			<div class="center">
				<h2>Portfolio</h2>
			</div>


			<ul class="portfolio-filter text-center">
				<li><a class="btn btn-default active" href="#" data-filter="*">All
						Works</a></li>
				<li><a class="btn btn-default" href="#"
					data-filter=".bootstrap">Creative</a></li>
				<li><a class="btn btn-default" href="#" data-filter=".html">Photography</a></li>
				<li><a class="btn btn-default" href="#"
					data-filter=".wordpress">Web Development</a></li>
			</ul>
			<!--/#portfolio-filter-->

			<div class="row">
				<div class="portfolio-items">
					<div class="portfolio-item apps col-xs-12 col-sm-4 col-md-3">
						<div class="recent-work-wrap">
							<img class="img-responsive"
								src="#{resource['images/portfolio/recent/item1.png']}" alt="" />
							<div class="overlay">
								<div class="recent-work-inner">
									<h3>
										<a href="#">Business theme</a>
									</h3>
									<p>There are many variations of passages of Lorem Ipsum
										available, but the majority</p>
									<a class="preview" href="images/portfolio/full/item1.png"
										rel="prettyPhoto"><i class="fa fa-eye"></i> View</a>
								</div>
							</div>
						</div>
					</div>
					<!--/.portfolio-item-->

					<div
						class="portfolio-item joomla bootstrap col-xs-12 col-sm-4 col-md-3">
						<div class="recent-work-wrap">
							<img class="img-responsive"
								src="#{resource['images/portfolio/recent/item2.png']}" alt="" />
							<div class="overlay">
								<div class="recent-work-inner">
									<h3>
										<a href="#">Business theme</a>
									</h3>
									<p>There are many variations of passages of Lorem Ipsum
										available, but the majority</p>
									<a class="preview" href="images/portfolio/full/item2.png"
										rel="prettyPhoto"><i class="fa fa-eye"></i> View</a>
								</div>
							</div>
						</div>
					</div>
					<!--/.portfolio-item-->

					<div
						class="portfolio-item bootstrap wordpress col-xs-12 col-sm-4 col-md-3">
						<div class="recent-work-wrap">
							<img class="img-responsive"
								src="#{resource['images/portfolio/recent/item3.png']}" alt="" />
							<div class="overlay">
								<div class="recent-work-inner">
									<h3>
										<a href="#">Business theme</a>
									</h3>
									<p>There are many variations of passages of Lorem Ipsum
										available, but the majority</p>
									<a class="preview" href="images/portfolio/full/item3.png"
										rel="prettyPhoto"><i class="fa fa-eye"></i> View</a>
								</div>
							</div>
						</div>
					</div>
					<!--/.portfolio-item-->

					<div
						class="portfolio-item joomla wordpress apps col-xs-12 col-sm-4 col-md-3">
						<div class="recent-work-wrap">
							<img class="img-responsive"
								src="#{resource['images/portfolio/recent/item4.png']}" alt="" />
							<div class="overlay">
								<div class="recent-work-inner">
									<h3>
										<a href="#">Business theme</a>
									</h3>
									<p>There are many variations of passages of Lorem Ipsum
										available, but the majority</p>
									<a class="preview" href="images/portfolio/full/item4.png"
										rel="prettyPhoto"><i class="fa fa-eye"></i> View</a>
								</div>
							</div>
						</div>
					</div>
					<!--/.portfolio-item-->

					<div
						class="portfolio-item joomla html bootstrap col-xs-12 col-sm-4 col-md-3">
						<div class="recent-work-wrap">
							<img class="img-responsive"
								src="#{resource['images/portfolio/recent/item5.png']}" alt="" />
							<div class="overlay">
								<div class="recent-work-inner">
									<h3>
										<a href="#">Business theme</a>
									</h3>
									<p>There are many variations of passages of Lorem Ipsum
										available, but the majority</p>
									<a class="preview" href="images/portfolio/full/item5.png"
										rel="prettyPhoto"><i class="fa fa-eye"></i> View</a>
								</div>
							</div>
						</div>
					</div>

					<div
						class="portfolio-item wordpress html apps col-xs-12 col-sm-4 col-md-3">
						<div class="recent-work-wrap">
							<img class="img-responsive"
								src="#{resource['images/portfolio/recent/item6.png']}" alt="" />
							<div class="overlay">
								<div class="recent-work-inner">
									<h3>
										<a href="#">Business theme</a>
									</h3>
									<p>There are many variations of passages of Lorem Ipsum
										available, but the majority</p>
									<a class="preview" href="images/portfolio/full/item6.png"
										rel="prettyPhoto"><i class="fa fa-eye"></i> View</a>
								</div>
							</div>
						</div>
					</div>

					<div
						class="portfolio-item wordpress html col-xs-12 col-sm-4 col-md-3">
						<div class="recent-work-wrap">
							<img class="img-responsive"
								src="#{resource['images/portfolio/recent/item7.png']}" alt="" />
							<div class="overlay">
								<div class="recent-work-inner">
									<h3>
										<a href="#">Business theme</a>
									</h3>
									<p>There are many variations of passages of Lorem Ipsum
										available, but the majority</p>
									<a class="preview" href="images/portfolio/full/item7.png"
										rel="prettyPhoto"><i class="fa fa-eye"></i> View</a>
								</div>
							</div>
						</div>
					</div>

					<div
						class="portfolio-item wordpress html bootstrap col-xs-12 col-sm-4 col-md-3">
						<div class="recent-work-wrap">
							<img class="img-responsive"
								src="#{resource['images/portfolio/recent/item8.png']}" alt="" />
							<div class="overlay">
								<div class="recent-work-inner">
									<h3>
										<a href="#">Business theme</a>
									</h3>
									<p>There are many variations of passages of Lorem Ipsum
										available, but the majority</p>
									<a class="preview" href="images/portfolio/full/item8.png"
										rel="prettyPhoto"><i class="fa fa-eye"></i> View</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		</section>
	</ui:define>
</ui:composition>
</html>